<template>
  <div>
    <el-form :inline="true" :model="form" class="demo-form-inline">
      <el-form-item label="统计周期">
        <el-radio-group v-model="form.date" class="ml-4">
          <el-radio label="1" size="small">日</el-radio>
          <el-radio label="2" size="small">月</el-radio>
          <el-radio label="2" size="small">季度</el-radio>
          <el-radio label="2" size="small">年</el-radio>
        </el-radio-group>
      </el-form-item>

      <el-form-item label="分析区间">
        <el-date-picker
            size="small"
            v-model="form.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="起始时间"
            end-placeholder="结束时间"
        />
      </el-form-item>

      <el-form-item label="主刀医生">
        <el-input size="small" placeholder="姓名/工号"></el-input>
      </el-form-item>

      <el-form-item label="">
        <el-button type="primary" size="small">统计</el-button>
        <el-button type="primary" size="small">导出</el-button>

      </el-form-item>
    </el-form>


    <el-row :gutter="30">
      <el-col :span="24">
        <el-descriptions
            class="margin-top"
            title=""
            :column="2"
            size="large"
            border
        >

          <el-descriptions-item v-for="(item,key) in data">
            <template #label>
              <div class="cell-item">
                {{ item.name }}
              </div>
            </template>
            {{ item.number }}
          </el-descriptions-item>

        </el-descriptions>
      </el-col>
    </el-row>
  </div>
</template>


<script setup name="appointmentsAll">
const data = ref([
  {
    name: '张三',
    number: 1,
  },
  {
    name: '李四',
    number: 1
  },
  {
    name: '王五',
    number: 1
  },  {
    name: '张三',
    number: 1,
  },
  {
    name: '李四',
    number: 1
  },
  {
    name: '王五',
    number: 1
  },  {
    name: '张三',
    number: 1,
  },
  {
    name: '李四',
    number: 1
  },
  {
    name: '王五',
    number: 1
  }, {
    name: '王五',
    number: 1
  }]);
const form = ref({
  date: '',
  time: '',
  name: "",
});
</script>

<style lang="scss">
.margin-top{
  border: 1px solid #ebeef5;
}
</style>
